<script src="/js/stats-controls-init.js" type="text/javascript"></script>

<div class="ui-widget">
    <div id="data-container" class="ui-state-highlight ui-corner-all content row" style="padding: 0 .7em;">
        <ul id="header-menu" class="header menu row">
	       <li><strong>Statistics</strong></li>
        </ul>
        
        <div id="stats-container" class="inner-body row scroll-y">
        	<div id="toolbar-container" style="margin-top:10px;">
            	<ul id="stats-menu" class="header menu row">
                    <li class="button" id="authors-stats"><img src="/assets/images/icons/user.png" />Authors Stats</li>
                    <li class="button" id="publishers-stats"><img src="/assets/images/icons/publish.png" />Publishers Stats</li>
                    <li class="button" id="genres-stats"><img src="/assets/images/icons/genre.png" />Genres Stats</li>
                </ul>
            </div>
            <div id="stats-body" class="inner-body row scroll-y" style="margin: 2px;">
	            <span><p id="status">Select which stats you want to play</p></span>
            </div>
        </div>
    </div>
</div>